<template>
<div class="supplyChain">
  <screenHeader/>
  <screen-center/>
  <screenFooter/>
</div>
</template>
<script>
import screenHeader from './components/screenHeader.vue'
import screenCenter from './components/screenCenter/screenCenter.vue'
import screenFooter from './components/screenFooter/screenFooter.vue'
export default {
  name: 'supplyChain',
  components: {
    screenHeader,
    screenCenter,
    screenFooter
  },
  data(){
    return{}
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
@import "./scss/common.scss";
@import "./font/font.css";
.supplyChain{
  font-size: $base-font-size;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url("./images/bg1.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
</style>